<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="Your description goes here" />
	<meta name="keywords" content="your,keywords,goes,here" />
	<meta name="author" content="Your Name" />
	<link rel="stylesheet" type="text/css" href="andreas06.css" title="andreas06" media="screen,projection" />
	<title>andreas06 v2.0</title>
</head>

<body>
<div id="container">
	<a id="top"></a><p class="hide">Skip to: <a href="#nav">site menu</a> | <a href="#leftside">section menu</a> | <a href="#content">main content</a></p>

	<div id="sitename">
		<h1>andreas06: falling leaves</h1>
		<span>It is all about colors...</span>
	</div>

	<div id="nav">
		<ul>
			<li><a href="index.html">Front page</a></li>
			<li><a href="alternative.html">Alternative layout</a></li>
			<li id="current"><a href="photo.html">Photo layout</a></li>
			<li><a href="empty.html">Empty</a></li>
		</ul>
		<p class="hide"><a href="#top">Back to top</a></p>
	</div>
 
	<div id="wrap1">
		<div id="wrap2">

			<div id="topbox">
				<strong><span class="hide">Currently viewing: </span><a href="index.html">andreas06: Falling leaves</a> &raquo; <a href="photo.html">Photo layout</a></strong>
			</div>

			<div id="leftside">
				<p class="soft">Use the navigation tabs to read more about the template and to see alternative layouts and features.</p>
				<h1>Example menu:</h1>
				<p class="menublock">
				<a class="nav" href="#">First page</a><br class="hide" />
				<a class="nav sub" href="#">- Subpage 1</a><br class="hide" />
				<a class="nav sub" href="#">- Subpage 2</a><br class="hide" />
				<a class="nav sub" href="#">- Subpage 3</a><br class="hide" />
				<a class="nav" href="#">Second page</a><br class="hide" />
				<a class="nav sub" href="#">- Subpage 1</a><br class="hide" />
				<a class="nav sub" href="#">- Subpage 2</a><br class="hide" />
				<a class="nav sub" href="#">- Subpage 3</a><br class="hide" />
				<a class="nav" href="#">Third page</a><br class="hide" />
				<a class="nav" href="#">Fourth page</a><br class="hide" />
				<a class="hide" href="#top">Back to top</a>
				</p>
			</div>

			<div id="rightside">
				<h1>Album: Leaves:</h1>
				<p>
				<img src="img/gravatar-leaf.jpg" height="80" width="80" alt="Gravatar example" />
				<img src="img/gravatar-leaf.jpg" height="80" width="80" alt="Gravatar example" />
				<img src="img/gravatar-leaf.jpg" height="80" width="80" alt="Gravatar example" />
				</p>

				<h1>Album list:</h1>
				<p>
				<a href="#">October nature</a><br />
				<a href="#">Portraits</a><br />
				<a href="#">Third album</a><br />
				<a href="#">Fourth album</a><br />
				</p>
			</div>

			<div id="content">
				<h1>The Leaf</h1>
				<p><img class="photo" src="img/gravatar-leaf.jpg" height="330" width="330" alt="Leaf.jpg in album Leaves" /></p>
				<p class="intro center">Leaf.jpg</p>
				<p class="small center">In order to reduce the file size of the template, no example images have been included. This is just to show how the styles can be used, feel free to experiment with your own photos!</p>
				<p class="hide"><a href="#top">Back to top</a></p>
			</div>
		</div>

		<div id="footer">
			<p>&copy; 2008 Your Name | Original design by <a href="http://andreasviklund.com/">Andreas Viklund</a></p>
		</div>
	</div>
</div>
</body>
</html>